@import "~antd/dist/antd.less";

@menuWidth: 72px;
@div_gap: 12px;

.not-click {
  pointer-events: none;
  color: #797c7d;
}

// 头部菜单
.graph-menu {
    padding: 5px @div_gap;
    display: flex;
    flex-flow: row;
    height: @menuWidth + 20px;
    background-color: rgba(0, 0, 0, 0.1);

  .graph-menu-group {
    display: flex;
    flex-flow: row;
  }

  .graph-menu-item {
    margin: 0 @div_gap 0 0;
    width: @menuWidth;
    height: @menuWidth;
    text-align: center;
    line-height: @menuWidth;
    background-color: #fff;
    cursor: pointer;

    &:hover {
        color: #fff;
        background-color: #6cb3eb;
    }
  }
}
